<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <title>产品详细</title>
    <script src="./js/winResponsive.js"></script>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/product-detail.css">
</head>
<body>
<header class="header">
    <a href="#" class="logo-left"></a>
    <span>合味道XO酱海鲜风味面</span>
    <a href="" class="logo-right"></a>
</header>
<div class="clear"></div>
<div class="content">
<div class="banner">
    <img src="images/noodle.jpg">
</div>
<div class="noodle-detail">
    <p>合味道XO酱海鲜风味面</p>
    <span class="word1">¥5</span>
    <span class="word2">¥6</span>
</div>
<div class="noodle-detail2">
    <p><span class="fl">品</span><span class="fr">牌</span></p>
    <p class="normal">日清</p>
</div>
<div class="noodle-detail2">
    <p><span class="fl">产品规格</span></p>
    <p class="normal">87g</p>
</div>
<div class="info">
<div class="pic"><img src="images/pic.jpg"></div>
</div>
<div class="noodle-detail4"></div>
</div>
<footer>
    <div class="footer-left">
<div class="product"><span class="fl">添加商品：</span>
    <div class="product2">
    <a href=""><img src="images/button1.jpg"></a>
    <div class="grey">0</div>
    <a href=""><img src="images/button2.jpg"></a>
</div>
</div>
<div class="footer-right">
<div class="big-circle"></div>
<div class="rect"></div>
<div class="little-circle">¥0元起送</div>
</div>
</footer>
</body>
</html>